@charset "utf-8";

html, body{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: appleGothic,한강체,돋움,dotum,helvetica;
	font-size: 12px;
	min-width: 994px;
}

a:LINK, a:VISITED {
	text-decoration: none;
}

.bodyWrap {
	margin: 0 auto;
	position: relative;
	width: 944px;
}

.headerWrap {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 1px solid;
    height: 60px;
    width: 100%;
    margin-bottom: 36px;
}
	.sysTitle {
		background: url("../images/media_story_ci.png") no-repeat scroll 0px 50% transparent;
		color: #8A6F52;
		float: left;
		font-family: helvetica;
		font-size: 12px;
		padding-left: 136px;
		height: 100%;
		line-height: 60px;
	}
	.userInfo {
		float: right;
	    font-size: 12px;
	    line-height: 60px;
	    margin-right: 17px;
	    color: #fff;
	}
	.userInfo a:LINK, .userInfo a:VISITED {
		color:#fff;
	}

.headerWrap2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid;
    height: 60px;
    width: 100%;
    margin-bottom: 36px;
}
	.sysTitle2 {
		background: url("../images//titlebar_main.png") no-repeat scroll 10px 50% transparent;
		background-size:auto 35px;
		color: #8A6F52;
		float: left;
		font-family: helvetica;
		font-size: 12px;
		padding-left: 300px;
		height: 100%;
		line-height: 60px;
	}
	.userInfo2 {
		float: right;
	    font-size: 12px;
	    line-height: 60px;
	    margin-right: 17px;
	    color: #000;
	}
	.userInfo2 a:LINK, .userInfo2 a:VISITED {
		color:#000;
	}
	.titleImg {
		width : auto;
		height : 20px;
		vertical-align : middle;
	}
	
.menuWrap {
	border-top: 2px solid #000000;
	left: 0;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 133px;
	width: 128px;
}
		.menuWrap .menu {
			border-bottom: 2px solid #000000;
			font-weight: bold;
			clear: both;
			cursor: pointer;
			float: left;
			height: 34px;
			line-height: 34px;
			text-indent: 10px;
			width: 100%;
		}
		
		.selMenu, .menu:hover{
			background: #8A6F52;
		}
		
		.menu2Wrap {
			list-style: none outside none;
			margin: 0;
			padding: 0;
		}
			.menu2Wrap .menu {
				font-weight: normal;
			}
			.menu2Wrap .selMenu, .menu2Wrap .menu:hover {
				background: #D2D2D2;
			}
			
		.menu3Wrap {
			list-style: none outside none;
			margin: 0;
			padding: 0;
		}
			.menu3Wrap .menu {
				font-weight: normal;
			}
			.menu3Wrap .selMenu, .menu3Wrap .menu:hover {
				background: #D2D2D2;
			}

.contWrap {
	float: left;
	margin-bottom: 40px;
	margin-left: 136px;
	min-height: 500px;
	width: 808px;
}

	.btn {
		width: 94px;
		height: 24px;
	}
	
	.menuTitle {
		font-weight: bold;
		color: #000;
		height: 36px;
		width: 808px;
		border-bottom: 2px solid black;
		line-height: 36px;
	}

	.loginWrap {
		width: 400px;
	}
	
	.lineBlock {
		float: left;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.lineBlock li {
		border-bottom: 2px solid #000000;
		height: 34px;
		line-height: 34px;
	}
	
	.lineBlock li font {
		display: inline-block;
	    margin-right: 8px;
	}
	
	.loginWrap .lineBlock font {
	    width: 94px;
	}
	.loginWrap input {
		width: 287px;
		height: 24px;
	}

	.searchWrap {
		float: left;
		margin-bottom: 22px;
		width: 100%;
	}
	
	.searchWrap ul {
		margin-bottom : 10px;
	}
	
	.searchWrap .lineBlock font {
		width: 128px;
		color: #626262;
	}

	.contWrap .listTbl, .contWrap .frmTbl {
		border-spacing: 0;
		border-top: 2px solid #D2D2D2;
		clear: both;
		width: 100%;
	}
	
	.contWrap .listTbl tbody tr:HOVER {
		background: #EEEEEE;
		cursor: pointer;
	}
	
	.contWrap .listTbl th, .contWrap .listTbl td,
	.contWrap .frmTbl th, .contWrap .frmTbl td {
		border-bottom: 2px solid #D2D2D2;
	}
	
	.contWrap .listTbl th, .contWrap .frmTbl th {
		color: #626262;
		height: 36px;
		text-align: left;
	}
	
	.contWrap .listTbl td {
		padding-right:8px;
	}
	
	.frmTbl {
		margin-bottom: 10px;
	}
		.frmTbl td {
			height: 36px;
		}
	
	#tabs{
		float: left;
		width: 100%;
		position: relative;
		height: 34px;
		overflow: hidden;
	}
		#tabs ul {
			list-style: none outside none;
			margin: 0;
			padding: 0;
		}
			#tabs ul li {
				float: left;
				width: 94px;
				height: 34px;
				background: url("../images/folder_off.png") no-repeat scroll 0 0 transparent;
				line-height: 34px;
				text-indent: 10px;
				font-weight: bold;
				cursor: pointer;
			}
			#tabs ul .selected {
				background: url("../images/folder_on.png") no-repeat scroll 0 0 transparent;
				color : #FFF;
			}
			#tabs .hide {
				display:none;
			}
			#tabs .nav {
				display: none;
				position: absolute;
				line-height: 34px;
				top: 0;
				right: 0;
			}
			.nav span {
				cursor: pointer;
			}

.footer {
	border-top: 2px solid #989898;
	clear: both;
	color: #626262;
	font-size: 8px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding-left: 136px;
}

.footerNew {
	border-top: 2px solid #989898;
	clear: both;
	color: #626262;
	font-size: 8px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding-left: 250px;
}

.footerImg {
	width : auto;
	height : 30px;
	vertical-align : middle;
	padding-left: 100px;
}

.ui-datepicker-trigger {
	margin-left: 5px;
	vertical-align: middle;
}

.pagingWrap {
	margin:10px 0;
}
	.page {
		text-align: center;
		line-height: 18px;
	}
		.page a {
			color: #6A6A6A;
			font-size: 12px;
			display: inline-block;
			height:18px
		}
			.page a img {
				border: none;
				vertical-align: middle;
			}
		.page span {
			color: #CCC;
		}
		
.thumbnailImg {
	max-width: 80%;
}